<script type="text/javascript">
window.onload = function() {
  applyDefaultValue(document.getElementById('search'), 'Search for...');
}
function applyDefaultValue(elem, val) {
  elem.style.color = '#AEAEAE';
  elem.value = val;
  elem.onfocus = function() {
    if(this.value == val) {
	  elem.style.color = '#08445F';	
      this.value = ''; //On focus, make blank
    }
  }
  
  elem.onblur = function() {
    if(this.value == '') {
	  elem.style.color = '#AEAEAE';
      this.value = val; //If it's not in focus, use declared value
    }
  }
 }
</script>

<div class="mainbanner">
  <div class="searchfrm">
  <div class="searchbox">
 	<!-- add 'styled' class to expirement with customer dropdown -->
  <select id="searchby" name="dropdown" class="mdropbox">
  <option value="1" selected="selected">Search by...</option>  
  <option value="2">ISBN</option>
  <option value="3">Title</option>
  <option value="3">Author</option>
  <option value="3">Keyword</option>
</select>
 <span class="mdropimg"></span>
<input id="search" name="searchtxtbox" type="text" class="srchtxtbox"/>
<a href="#"> <span class="submitsearch"></span></a>
  </div><!--searchbox-->
  </div><!--searchfrm-->
  </div><!--mainbanner-->